<style type="text/css">NOTE { START COPYING MOSHI STYLESHEET HERE }</style>



<style type="text/css">NOTE { BANNER - Your Custom Banner }</style>
<div class="moshi_banner">
<a class="banner_link" href="http://myspacecivilized.blogspot.com/">
  <img src="http://img143.imageshack.us/img143/3492/moshibannermq4.jpg" alt="moshi banner" border="0" />
</a>
<a class="moshi_credit" href="http://myspacecivilized.blogspot.com/">moshi template 2.0</a></h2>
</div>



<style type="text/css">

START { NO EDIT - prepare the ground }
NOTE { JUNK DNA - default settings to reset formatting as much as possible... EDIT WITH CARE }
body { position:relative; background:transparent; font-family:arial,sans-serif !important; }
table,tr,td,table tr,table td, table tbody {border-width:0px;background-color:transparent;border-collapse:collapse;}
div,form,img {border-width:0px;background-color:transparent;}
u {text-decoration: none; }
table td.text table.friendsComments table table td { padding:4px; }
table div font { display:block; width:800px; text-align:center; font-size:11px; padding:2px 0; }

NOTE { Tables and Content Boxes }
div table { text-align:center; } table { margin:0 auto; } table table { width:auto; margin:0; } 
table table table { margin:4px 0; } table table table td { padding:8px 4px;  margin:0px; }
table table table table, table table table table td { padding:0px; margin:0px; }
table table td.text table td img { padding:4px; }
table table td table table, table table td.text table table { border-width:0px; background-color:transparent; background-image:none; border-collapse:collapse; }
div table div, table table div, table div div { background-image:none; }

NOTE { IE Hacks }
table table td.text table { *width:372px; }
table table td.text table table { *width:auto; }

NOTE { Navbars }
table.navigationBar table { width:100%; text-align:center; padding:2px 0; }
table div { width:100%; text-align:center; }
table div div { width:800px; margin:0 auto; text-align:center; padding:2px 0 12px; }
table div font { display:block; width:800px; margin:0 auto; }

NOTE { Stop the Overflow }
table.friendsComments table table { table-layout:fixed; margin:0; width:435px; *width:421px; }
table.friendsComments td { overflow:hidden; }
END { NO EDIT }



START { PAGE LAYOUT }

TOM { Page Background Image and Color }
body, table div {
 background-image:url('http://img479.imageshack.us/img479/2497/wmwillowwo4.jpg'); background-repeat:repeat-both;
 background-color:3333CC;
}

TOM { Profile Background }
div table, table, div table div, table table div, table div.section { background-color:ffffff; }

END { PAGE LAYOUT }



START { NAVBARS }

CLASS { Navbars - Upper and Lower }
table.navigationBar table, table div div { 
 background-color:bccada; border-color:333399; border-width:1px 0px; border-style:solid; 
}

TOM { Google Form and Myspace Ad Banner - Must Follow Lower Navbar to Override }
div table form, div table div { background-color:#eeeeff; border-width:0px; }

END { NAVBARS }



START { COMMON PROFILE BOXES }

CLASS { Profile Content Boxes - will be overridden below }
table table table { 
 background-color:f3f3ff; border-color:ddddff; border-width:1px 0; border-style:solid;
}

CLASS { Left-Side Boxes - these settings have precedence over class settings like interestsAndDetails }
table table td table {}

CLASS { Right-Side Boxes - these settings have precedence over class settings like latestBlogEntry }
table table td.text table {}

CLASS { interestsAndDetails box - left-column profile boxes }
table.interestsAndDetails { 
 background-color:f3f3ff; border-color:ddddff; border-width:1px 0; border-style:solid;
}

CLASS { right column profile boxes }
table.latestBlogEntry, table.blurbs, table.friendSpace, table.friendsComments { 
 background-color:f3f3ff; border-color:ddddff; border-width:1px 0; border-style:solid; 
}

JUNK DNA { Corrections }
FIX { latestBlogEntry box }
.latestBlogEntry span.btext { margin-bottom:12px; }
FIX { blurbs box fonts }
.blurbs table .orangetext15 { position:relative; top:10px; }

END { COMMON PROFILE BOXES }



START { SPECIAL PROFILE BOXES }

START { profileInfo box - your name and photo }
table.profileInfo {
 background-color:bccada; border-color:333399; border-width:1px 0; border-style:solid;
 color:333333; 
}
table.profileInfo table { color:333333; }
END { profileInfo box }


START { extendedNetwork box }
table.extendedNetwork {
 background-color:fff6ec; border-color:ff9900; border-width:1px 0;
}
END { extendedNetwork box }

END { SPECIAL PROFILE BOXES }



START { GLOBAL FONTS - color and family settings }

CLASS { default font color } 
body, table td, p, font, body table div div { 
 color:667788 !important; font-family:Arial, Helvetica, sans-serif !important; 
}
CLASS { default link }
a, a.redlink:link, a.redlink:visited, a font, a.navbar, a.text { 
 color:6666cc !important; font-weight:normal; font-style:normal; text-decoration:none; 
}
CLASS { link hovers }
a:hover, a.redlink:hover, a font:hover, a.navbar:hover, a.text:hover { 
 color:3333ff !important; 
}

END { GLOBAL FONTS - color and family settings }



START { PROFILE BOX FONTS - color and family settings }

TYPEFACE { all fonts - may be overridden below }
table.profileInfo, table.profileInfo table, .nametext, table.extendedNetwork .blacktext12,
.whitetext12, .interestsAndDetails .lightbluetext8,
.latestBlogEntry span.btext, .blurbs .orangetext15, .friendSpace .orangetext15, .friendsComments .orangetext15,
table table table table table div strong, table table table table td div,
.friendSpace .btext, table.friendsComments .blacktext10  {
 color:333399; font-family:Trebuchet MS, Helvetica, sans-serif !important;
}

TYPEFACE { highlighted text - friendSpace count and comment count  }
.friendSpace .redbtext, table.friendsComments table b .redtext, table.friendsComments .blacktext10 { 
 color:0000ff; 
}

TYPEFACE { profileInfo }
table.profileInfo, table.profileInfo table { color:333333; } 
.nametext { 
 font-size:24px; color:333399; font-family:Palatino Linotype, Book Antiqua, Palatino, serif;  
}

TYPEFACE { extendedNetwork }
table.extendedNetwork .blacktext12 {
 font-size:16px; color:ff9900; font-family:Frutiger, Trebuchet MS, Helvetica, sans-serif;
}

TYPEFACE { myspace url - label and url }
table table table table table div strong, table table table table td div {
 color:0000ff !important;
}

TYPEFACE { interestsAndDetails headers and label }
NOTE { whitetext12 also applies to contact table header - override below }
.whitetext12, .interestsAndDetails .lightbluetext8 { 
}

TYPEFACE { right column profile box headers }
.latestBlogEntry span.btext, .blurbs .orangetext15, .friendSpace .orangetext15, .friendsComments .orangetext15 {
}

TYPEFACE { friendSpace box fonts - header and friend count and friend count number }
.friendSpace .orangetext15 {}
.friendSpace .btext {}
.friendSpace .redbtext {}

TYPEFACE { friendsComments box fonts - comment count block, number, view-edit link }
table.friendsComments table b { }
table.friendsComments table b .redtext { }
table.friendsComments table b a { }

TYPEFACE { comment content }  
table.friendsComments table table { font-size:11px; font-family:Courier New, Courier, monospace; }

TYPEFACE { comment date }
table.friendsComments .blacktext10 { }

TYPEFACE { comment links }
.commentlinks { }

END { PROFILE BOX FONTS - color and family settings }



START { OTHER FONTS - color and family settings }

TYPEFACE { navbar upper and lower }
.navigationBar a.navbar, a.text {}
.navigationBar a.navbar:hover, a.text:hover {}

TYPEFACE { copyright footer }
table div font { font-family:Verdana, Geneva, sans-serif; font-size:11px;  }

END { OTHER FONTS - color and family settings }



START { FONTS - Fine Tuning }
NOTE { For the perfectionists out there }

TYPEFACE { navbar upper and lower }
.navigationBar a.navbar, table div div a {
 font-size:11px; font-weight:normal; font-style:normal; text-decoration:none;
}

TYPEFACE { upper navbar }
table.navigationBar table {}
.navigationBar a.navbar {} 
.navigationBar a.navbar:hover {}

TYPEFACE { lower navbar }
table div div {}
table div div a {}
table div div a:hover {}

TYPEFACE { profileInfo }
.nametext { 
 padding-left:1em; font-style:italic; font-weight:normal; text-decoration:none;  
}

TYPEFACE { interestsAndDetails header }
.interestsAndDetails span.whitetext12 { 
 font-size:12px; font-weight:normal; text-transform:uppercase; letter-spacing:.3em; font-style:normal;
 display:block; margin:0 auto 5px; padding:0; text-align:center; background-color:transparent;
}

TYPEFACE { interestsAndDetails label }
.interestsAndDetails .lightbluetext8 {
 font-weight:bold; text-transform:uppercase; letter-spacing:.1em;
 margin:0; padding:0px; font-style:none; text-decoration:none;
}

TYPEFACE { right column profile box headers }
.latestBlogEntry span.btext, .blurbs .orangetext15, .friendSpace .orangetext15, .friendsComments .orangetext15 {
 font-size:14px; text-transform:uppercase; letter-spacing:.1em; font-weight:normal; font-style:normal; 
 display:block; margin:0 auto; padding:0; text-align:center; background-color:transparent; 
}
.blurbs table .orangetext15 { font-size:12px; }

TYPEFACE { friendSpace header friend count and friend count number } 
.friendSpace .orangetext15 { margin-bottom:12px; }
.friendSpace .btext { 
 display:block; margin:0 0 12px; text-align:center;
 font-size:12px; font-weight:normal; 
}
.friendSpace .redbtext { font-weight:normal; font-size:12px; }
.friendSpace table table table a { font-size:11px; }

TYPEFACE { friendsComments box fonts - comment count block, number, view-edit link }
table.friendsComments table b { display:block; text-align:center; margin:8px 0; font-size:12px; }
table.friendsComments table b .redtext {}
table.friendsComments table b a { display:block; float:right; position:relative; top:-16px; }

TYPEFACE { comment date }
table.friendsComments .blacktext10 { 
 display:block; margin:0 auto; text-align:center; font-weight:normal;
}
TYPEFACE { comment links }
.commentlinks { font-size:11px; border-width:0; }

TYPEFACE { extendedNetwork }
table.extendedNetwork .blacktext12 {
 line-height:1.2em; font-weight:normal; font-style:none; text-decoration:none; text-align:center;
}

TYPEFACE { myspace url - label and url text }
table table table table table div strong {
 font-weight:bold; text-transform:uppercase; letter-spacing:.3em;
 margin:5px 0 0; padding:0px; font-style:none; text-decoration:none;
}
table table table table td div { 
 padding:0 0 10px; background-color:transparent; font-weight:normal; 
}
END { myspace url }

END { FONTS }




START { CUSTOM BANNER - below myspace masthead }
NOTE { left margin should be half the width and negative }
.moshi_banner {
 position:absolute; left:50%; top:176px;
 width:800px; margin-left:-400px;
 height:200px;
 overflow:hidden;
}
a.banner_link {}
a.moshi_credit { color:white; position:absolute; right:8px; top:8px; font-size:11px; }

NOTE { make room for the banner by padding top of profile table }
NOTE { set this to banner img height PLUS desired padding }
table table td { padding-top:210px; }

JUNK DNA { control side effects }
div table table td {padding-top:0px;} 
table table table td {padding-top:4px;}
END { CUSTOM BANNER }



START { CUSTOM CONTACT TABLE }

NOTE { these first 3 settings are main ones to edit for custom contact table }

NOTE { 1 - insert image url below for custom table }
.contactTable td table { background-image: url(http://img238.imageshack.us/img238/4976/moshicontactci4.png); }

NOTE { 2 - match these settings to the image background }
.contactTable td { background-color:ffffff; }
.contactTable tr { border-color:ffffff; }

NOTE { 3 - header font - esp color }
.contactTable .whitetext12 {  
 color:003366; font-size:12px; font-family:Trebuchet MS, Helvetica, sans-serif !important;
 font-weight:normal; text-transform:uppercase; letter-spacing:.3em; font-style:normal;
 display:block; margin:0 auto 5px; padding:0; text-align:center; background-color:transparent; 
}

NOTE { see note in documentation above on resetting myspace defaults  }
.contactTable a img, .contactTable img { border: 0px; display:none; visibility:hidden; }

JUNK DNA { should not need to edit these settings }
.contactTable { width: 328px !important; border-width:0px; background-color:transparent; border-collapse:collapse; }
.contactTable td { padding:0px; margin:0px; text-align:center; border-width:0px; }
.contactTable td table { background-color: transparent; background-position: center; background-repeat: no-repeat; border-width:0px; }
.contactTable td table td {background-color:transparent; border-width:0px;}
.contactTable a { padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent; }
.contactTable span.whitetext12 { display:block; text-align:center;  margin:0px; padding:0px 2px; background-color:transparent; }

JUNK DNA { Firefox realignments }
html>body .contactTable { width: auto !important; }

END { CUSTOM CONTACT TABLE }



START { Extras }
NOTE { a little gag for the network box }
.blacktext12:before {content: "Holy Sh*t! ";}
END { Extra }

</style>

<div style="position:absolute; top:2px; left:2px;"><a href="http://myspacecivilized.blogspot.com/"><img src="http://img457.imageshack.us/img457/562/moshimicrotagfl5.png" alt="moshi"></a></div>

<span style="font-size:11px; font-family:Verdana, Geneva, sans-serif;">profile theme based on <a href="http://myspacecivilized.blogspot.com/">moshi stylesheet</a></span><br /><br />

<style type="text/css">NOTE { END MOSHI STYLE SHEET }</style>

